home *** CD-ROM | disk | FTP | other *** search
/ Chip 2002 February / CHIPCD_02_2002.iso / Internet / Macromedia ColdFusion Server 5 / coldfusion-50-win-us.exe / data1.cab / Examples / CFDOCS / snippets / cfgrid.cfm < prev    next >
Encoding:
Text File  |  2001-06-13  |  5.1 KB  |  86 lines
  1. <!--- This example shows the CFGRID, CFGRIDCOLUMN, CFGRIDROW,
  2. and CFGRIDUPDATE tags in action --->
  3.  
  4. <!--- use a query to show the useful qualities of CFGRID --->
  5.  
  6. <!--- If the gridEntered form field has been tripped,
  7. perform the gridupdate on the table specified in the database.
  8. Using the default value keyonly=yes allows us to change only
  9. the information that differs from the previous grid --->
  10. <CFIF IsDefined("form.gridEntered") is True>
  11. <CFGRIDUPDATE GRID="FirstGrid" DATASOURCE="cfsnippets" TABLENAME="CourseList"  KEYONLY="Yes">
  12. </CFIF>
  13.  
  14. <!--- query the database to fill up the grid --->
  15. <CFQUERY NAME="GetCourses" DATASOURCE="cfsnippets">
  16. SELECT   Course_ID, Dept_ID, CorNumber,
  17.          CorName, CorLevel, CorDesc
  18. FROM     CourseList
  19. ORDER by Dept_ID ASC, CorNumber ASC
  20. </CFQUERY>
  21.  
  22. <HTML>
  23. <HEAD>
  24. <TITLE>CFGRID Example</TITLE>
  25. </HEAD>
  26.  
  27. <BASEFONT FACE="Arial, Helvetica" SIZE=2>
  28. <BODY  bgcolor="#FFFFD5">
  29.  
  30. <H3>CFGRID Example</H3>
  31.  
  32. <I>Try adding a course to the database, and then deleting it.</I>
  33. <!--- call the CFFORM to allow us to use CFGRID controls --->
  34. <CFFORM ACTION="cfgrid.cfm" METHOD="POST" ENABLECAB="Yes">
  35.  
  36. <!--- When inserting rows while running under UNIX, you must
  37. also specify a value for Course_ID --->
  38. <!--- CFGRIDCOLUMN tags are used to change the parameters
  39. involved in displaying each data field in the table--->
  40.  
  41. <CFGRID NAME="FirstGrid" WIDTH="600" QUERY="GetCourses" INSERT="Yes"
  42.     DELETE="Yes" SORT="Yes" FONT="Tahoma" BOLD="No" ITALIC="No"
  43.     APPENDKEY="No" HIGHLIGHTHREF="No" GRIDDATAALIGN="LEFT" GRIDLINES="Yes"
  44.     ROWHEADERS="Yes" ROWHEADERALIGN="LEFT" ROWHEADERITALIC="No"
  45.     ROWHEADERBOLD="No" COLHEADERS="Yes" COLHEADERALIGN="LEFT"
  46.     COLHEADERITALIC="No" COLHEADERBOLD="No" SELECTCOLOR="Red"
  47.     SELECTMODE="EDIT" PICTUREBAR="No" INSERTBUTTON="To insert"
  48.     DELETEBUTTON="To delete" SORTASCENDINGBUTTON="Sort ASC"
  49.     SORTDESCENDINGBUTTON="Sort DESC">
  50.     <CFGRIDCOLUMN NAME="Dept_ID" HEADER="Department" HEADERALIGN="LEFT" DATAALIGN="LEFT" BOLD="Yes" ITALIC="No" SELECT="Yes" DISPLAY="Yes" HEADERBOLD="No" HEADERITALIC="Yes">
  51.     <CFGRIDCOLUMN NAME="CorNumber" HEADER="Course ##" HEADERALIGN="LEFT" DATAALIGN="LEFT" BOLD="No" ITALIC="No" SELECT="Yes" DISPLAY="Yes" HEADERBOLD="No" HEADERITALIC="No">
  52.     <CFGRIDCOLUMN NAME="CorName" HEADER="Name" HEADERALIGN="LEFT" DATAALIGN="LEFT" FONT="Times" BOLD="No" ITALIC="No" SELECT="Yes" DISPLAY="Yes" HEADERBOLD="No" HEADERITALIC="No">
  53.     <CFGRIDCOLUMN NAME="CorLevel" HEADER="Level" HEADERALIGN="LEFT" DATAALIGN="LEFT" BOLD="No" ITALIC="No" SELECT="Yes" DISPLAY="Yes" HEADERBOLD="No" HEADERITALIC="No">
  54.     <CFGRIDCOLUMN NAME="CorDesc" HEADER="Description" HEADERALIGN="LEFT" DATAALIGN="LEFT" BOLD="No" ITALIC="No" SELECT="Yes" DISPLAY="Yes" HEADERBOLD="No" HEADERITALIC="No">
  55.     <CFGRIDCOLUMN NAME="Course_ID" HEADER="Course ID (Do Not Specify on NT)" DATAALIGN="LEFT" BOLD="No" ITALIC="No" SELECT="Yes" DISPLAY="Yes" HEADERBOLD="No" HEADERITALIC="No">
  56. </CFGRID>
  57.  
  58. <!--- send the grid back to this page, where we will determine if
  59. anything has changed, and thus whether to run the CFGRIDUPDATE --->
  60. <INPUT TYPE="Submit" NAME="submit" VALUE="Apply Changes">
  61. <INPUT type="hidden" NAME="gridEntered" VALUE="yes">
  62.  
  63. <H3>Additional Example</H3>
  64. <P>This grid serves as an example to show how the same grid can be built
  65. using CFGRIDROW with CFLOOP (i.e. defining the query externally rather
  66. than in CFGRID).</P>
  67. <!--- CFGRIDCOLUMN is used to define the container columns and
  68. CFGRIDROW is used to define the data placed into those containers --->
  69. <CFGRID NAME="SecondGrid" WIDTH=600 INSERT="No" DELETE="No" SORT="Yes" BOLD="No" ITALIC="No" APPENDKEY="No" HIGHLIGHTHREF="No" GRIDDATAALIGN="LEFT" GRIDLINES="Yes" ROWHEADERS="No" ROWHEADERALIGN="LEFT" ROWHEADERITALIC="No" ROWHEADERBOLD="No" COLHEADERS="Yes" COLHEADERALIGN="LEFT" COLHEADERITALIC="No" COLHEADERBOLD="No" SELECTMODE="BROWSE" PICTUREBAR="Yes">
  70.     <CFGRIDCOLUMN NAME="Course_ID" DATAALIGN="LEFT" BOLD="No" ITALIC="No" SELECT="No" DISPLAY="No" HEADERBOLD="No" HEADERITALIC="No">
  71.     <CFGRIDCOLUMN NAME="Dept_ID" HEADER="Department" HEADERALIGN="LEFT" DATAALIGN="LEFT" BOLD="Yes" ITALIC="No" SELECT="Yes" DISPLAY="Yes" HEADERBOLD="No" HEADERITALIC="Yes">
  72.     <CFGRIDCOLUMN NAME="CorNumber" HEADER="Course ##" HEADERALIGN="LEFT" DATAALIGN="LEFT" BOLD="No" ITALIC="No" SELECT="Yes" DISPLAY="Yes" HEADERBOLD="No" HEADERITALIC="No">
  73.     <CFGRIDCOLUMN NAME="CorName" HEADER="Name" HEADERALIGN="LEFT" DATAALIGN="LEFT" FONT="Times" BOLD="No" ITALIC="No" SELECT="Yes" DISPLAY="Yes" HEADERBOLD="No" HEADERITALIC="No">
  74.     <CFGRIDCOLUMN NAME="CorLevel" HEADER="Level" HEADERALIGN="LEFT" DATAALIGN="LEFT" BOLD="No" ITALIC="No" SELECT="Yes" DISPLAY="Yes" HEADERBOLD="No" HEADERITALIC="No">
  75.     <CFGRIDCOLUMN NAME="CorDesc" HEADER="Description" HEADERALIGN="LEFT" DATAALIGN="LEFT" BOLD="No" ITALIC="No" SELECT="Yes" DISPLAY="Yes" HEADERBOLD="No" HEADERITALIC="No">
  76. <!--- use a CFLOOP to loop through the query and define CFGRIDROW
  77. data each time through the loop --->
  78.     <CFLOOP query="GetCourses">
  79.         <CFGRIDROW DATA="#Course_ID#,#Dept_ID#,#CorNumber#,#CorName#,#CorLevel#,#CorDesc#">
  80.     </CFLOOP>    
  81. </CFGRID>
  82. </CFFORM>
  83.  
  84. </BODY>
  85. </HTML>       
  86.